<el-table class="" size="mini" hover border :data="tableData" style="width: 100%">
    <el-table-column type="index" width="50">
    </el-table-column>
    <el-table-column label="服务ID" prop="api_id" width=60>
    </el-table-column>
    <el-table-column label="服务英文名" prop="cnName" show-overflow-tooltip>
        <template slot-scope="scope">
            <el-button type="text" @click="handleEditClick(scope.row,1)" size="small">{{scope.row.cnName}}</el-button>
        </template>
    </el-table-column>
    <el-table-column label="服务中文名" prop="cnName" show-overflow-tooltip>
    </el-table-column>
    <el-table-column label="关联组件" prop="cube_name">
    </el-table-column>
    <el-table-column label="供应商简称" prop="supplier">
    </el-table-column>
    <!-- <el-table-column label="加入时间" prop="createTime" width=100>
    </el-table-column> -->
    <el-table-column label="业务一级分类" prop="category" width=100>
    </el-table-column>
    <el-table-column label="业务二级分类" prop="subCategory" width=100>
    </el-table-column>
    <el-table-column label="标签" prop="tags">
        <template slot-scope="scope">
            <el-tag size="mini" v-for="tag in scope.row.tagList"  style="margin-right:4px;" color="tag.color">{{tag.text}}</el-tag>
        </template>
    </el-table-column>
    <el-table-column label="操作" prop="opt" width=80>
        <template slot-scope="scope">
            <el-button type="text" @click="handleEditClick(scope.row,1)" size="small">编辑</el-button>
        </template>
    </el-table-column>
</el-table>